/*!*********************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2 Engine, Inc. Copyright (C) 2011-2019 X2 Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 610121, Redwood City,
 * California 94061, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2 Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2 Engine".
 **********************************************************************************/






@import "standards";

.dashboard-inner {
    padding-bottom: 5px;
}


.chart-dashboard {
    padding-top: 5px;
    // height: 250px;
    display: block;

    &:not(.minimized) {
        border-bottom: 1px solid $gray;
        margin-right: 20px;
    }

    &.minimized {
        .page-title {
            border-bottom-left-radius: 3px !important;
            border-bottom-right-radius: 3px !important;
        }
    }


    .page-title  {

        span {
            padding-right: 0;
            float: right;
        }
    }

    .sortable-widget-container {
        .submenu-title-bar.widget-title-bar {
            background: none;
            transition: background .2s;

        }

        &:hover .submenu-title-bar.widget-title-bar {
            background: $lightGray;
        }
    }


    .toolbar{
        margin-bottom: 10px;

        .x2-button {
            float: right;
            margin-left: 10px;
            cursor: pointer;

            &.disabled-link {
                opacity: 0.5;
            }
        }

        #minimize-dashboard {
            @extend .opacity-hover;
            color: inherit;
            position: relative;
            top: 3px;
            width: 15px;
            margin: 0px 15px;
            float: right;
        }

        #save-chart-message {
            display: none;
            float: right;
            font-weight: bold;

            &:hover {
                background: inherit;
            }
        }

        #get-charts-help {
            @extend .pseudo-link;
            color: inherit;
            float: right;
            line-height: 34px;
        }
    }

    .no-hidden-data-widgets-text {
        display: block;
        width: 100%;
        text-align: center;
    }

    #report-list {
        display:none;
        a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        #no-reports {
            text-align: center;
            padding-top: 10px;
        }
    }


    .connected-sortable-data-container {
        box-sizing: border-box;
        float: left;
        width: 50%;
        margin: 0px;
        height: 100%;
        padding-top: 1px;


    }   

    #data-widgets-container #data-widgets-container-inner {
        padding-right: 5px;
    }

    #data-widgets-container-2 {
        padding-left: 5px;
    }

    #dashboard-fullscreen-button {
     display:inline;
    }

    .popup-dropdown-menu {
        display: none;
    }

    #charts-help-dialog {
        // display:none;
    }
}

@media (max-width: 900px) {
    .chart-dashboard {
        .connected-sortable-data-container
        {
            float: left;
            width: 100% !important;
        }
    }
}